<template>
  <div ref="rootRef">
      <slot></slot>
  </div>
</template>

<script>
import { ref } from '@vue/reactivity'
import useScroll from './use-scroll'
export default {
    name: scroll,
    props: {
        click: {
            type: Boolean,
            default: true
        },
        probeType: {
            type: Number,
            default: 0
        },
        scrollX: {
            type: Boolean,
            default: false
        }
    },
    emits: ['scroll'],
    setup(props, {emit}) {
        const rootRef = ref('rootRef')
        console.log(rootRef, 'rootRef')
        const scroll = useScroll(rootRef, props, emit)
        return {
            rootRef,
            scroll
        }
    }
}
</script>

<style>

</style>